<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      div {
        display: inline-block;
      }
    </style>
  </head>
  <body>
    <div class="box1"></div>
    <div class="box2"></div>
    <div class="box3"></div>
    <!-- <script src="./index.js"></script> -->
    <!-- <script>
      // 实现顺序上-下
      let a = new Light(".box1");
      a.init();
      a.bindClick();

      // 实现自动播放上-下 (可控的, 鼠标移入不能播放, 松开继续播放)
      let b = new Light(".box2");
      b.carousel();
      b.init();
      b.immigrate();
      b.shift();

      // // 实现顺序下-上
      let c = new Light(".box3");
      c.init();
      c.order();
    </script> -->
  </body>
</html>
